<?php
/* * ******************************************************************************************************************************* */

// AGREGAR CAJA PASOS
/* * ******************************************************************************************************************************* */
function caja_pasos() {
    global $post;
    $custom = get_post_custom($post->ID);
    $titulo = $custom["titulo-Cpasos"][0];
    //Paso 1
    $texto_paso1 = $custom["texto-paso1-Cpasos"][0];
    $texto_enlace_paso1 = $custom["texto-enlace-paso1-Cpasos"][0];
    $link_paso1 = $custom["link-paso1-Cpasos"][0];

    //Paso 2
    $texto_paso2 = $custom["texto-paso2-Cpasos"][0];
    $texto_enlace_paso2 = $custom["texto-enlace-paso2-Cpasos"][0];
    $link_paso2 = $custom["link-paso2-Cpasos"][0];

    //Paso 3
    $texto_paso3 = $custom["texto-paso3-Cpasos"][0];
    $texto_enlace_paso3 = $custom["texto-enlace-paso3-Cpasos"][0];
    $link_paso3 = $custom["link-paso3-Cpasos"][0];

    //Paso 4
    $texto_paso4 = $custom["texto-paso4-Cpasos"][0];
    $texto_enlace_paso4 = $custom["texto-enlace-paso4-Cpasos"][0];
    $link_paso4 = $custom["link-paso4-Cpasos"][0];

    //Paso 5
    $texto_paso5 = $custom["texto-paso5-Cpasos"][0];
    $texto_enlace_paso5 = $custom["texto-enlace-paso5-Cpasos"][0];
    $link_paso5 = $custom["link-paso5-Cpasos"][0];

    //Link caja
    $texto_enlace = $custom["texto-enlace-Cpasos"][0];
    $link = $custom["link-Cpasos"][0];
    ?>
    <style type="text/css">
        hr{
            border: 0 none #C4C4C4;
            border-top: 1px solid #C4C4C4;
            height: 1px;
            margin: 5px 0;
            display: block;
            clear: both;
        }
        .add-paso a{
            text-decoration: none;
            color: white;
            margin-top: 20px;
        }

        .paso1,.paso2,.paso3,.paso4,.paso5{
            margin-bottom: 20px;

        }

        .paso2,.paso3,.paso4,.paso5{
            /*display: none;*/
        }
    </style>
    <?php //wp_editor($post->post_content, 'content', array('dfw' => true, 'tabfocus_elements' => 'sample-permalink,post-preview', 'editor_height' => 360, 'editor_width' => 360) ); ?>
    <label>Título de la Caja:</label><br>
    <input type="text" name="titulo-Cpasos" size="60" value="<?php echo $titulo; ?>"/><br><br>
    <hr/>
    <div class="paso1">
        <label><strong>Paso 1:</strong></label><br>
        <textarea name="texto-paso1-Cpasos" rows="2" cols="75" maxlength="500"><?php echo $texto_paso1; ?></textarea><br/>
        <label>Texto enlace:</label><input type="text" name="texto-enlace-paso1-Cpasos" size="64" maxlength="60" value="<?php echo $texto_enlace_paso1; ?>"/><br>
        <label>Link:</label><input type="text" name="link-paso1-Cpasos" size="73" value="<?php echo $link_paso1; ?>"/>
        <br/>
    </div>
    <div class="paso2 oculto" <?php mostrar_paso($texto_paso2, $texto_enlace_paso2, $link_paso2) ?>>
        <label><strong>Paso 2:</strong></label><br>
        <textarea name="texto-paso2-Cpasos" rows="2" cols="75" maxlength="500"><?php echo $texto_paso2; ?></textarea><br/>
        <label>Texto enlace:</label><input type="text" name="texto-enlace-paso2-Cpasos" size="64" maxlength="60" value="<?php echo $texto_enlace_paso2; ?>"/><br>
        <label>Link:</label><input  type="text" name="link-paso2-Cpasos" size="73" value="<?php echo $link_paso2; ?>"/>
        <br/>
        <br/>
        <span class="quitar-paso button-secondary"><a>Quitar Paso</a></span>
    </div>
    <div class="paso3 oculto" <?php mostrar_paso($texto_paso3, $texto_enlace_paso3, $link_paso3) ?>>
        <label><strong>Paso 3:</strong></label><br>
        <textarea name="texto-paso3-Cpasos" rows="2" cols="75" maxlength="500"><?php echo $texto_paso3; ?></textarea><br/>
        <label>Texto enlace:</label><input type="text" name="texto-enlace-paso3-Cpasos" size="64" maxlength="60" value="<?php echo $texto_enlace_paso3; ?>"/><br>
        <label>Link:</label><input type="text" name="link-paso3-Cpasos" size="73" value="<?php echo $link_paso3; ?>"/>
        <br/>
        <br/>
        <span class="quitar-paso button-secondary"><a>Quitar Paso</a></span>
    </div>
    <div class="paso4 oculto" <?php mostrar_paso($texto_paso4, $texto_enlace_paso4, $link_paso4) ?>>
        <label><strong>Paso 4:</strong></label><br>
        <textarea name="texto-paso4-Cpasos" rows="2" cols="75" maxlength="500"><?php echo $texto_paso4; ?></textarea><br/>
        <label>Texto enlace:</label><input type="text" name="texto-enlace-paso4-Cpasos" size="64" maxlength="60" value="<?php echo $texto_enlace_paso4; ?>"/><br>
        <label>Link:</label><input type="text" name="link-paso4-Cpasos" size="73" value="<?php echo $link_paso4; ?>"/>
        <br/>
        <br/>
        <span class="quitar-paso button-secondary"><a>Quitar Paso</a></span>
    </div>
    <div class="paso5 oculto" <?php mostrar_paso($texto_paso5, $texto_enlace_paso5, $link_paso5) ?>>
        <label><strong>Paso 5:</strong></label><br>
        <textarea name="texto-paso5-Cpasos" rows="2" cols="75" maxlength="500"><?php echo $texto_paso5; ?></textarea><br/>
        <label>Texto enlace:</label><input type="text" name="texto-enlace-paso5-Cpasos" size="64" maxlength="60" value="<?php echo $texto_enlace_paso5; ?>"/><br>
        <label>Link:</label><input type="text" name="link-paso5-Cpasos" size="73" value="<?php echo $link_paso5; ?>"/>
        <br/>
        <br/>
        <span class="quitar-paso button-secondary"><a>Quitar Paso</a></span>
    </div>
    <span class="add-paso button-primary"><a>+ Añadir Paso</a></span>
    <br/><br/>
    <hr/>
    <label>Texto enlace: </label><br>
    <input type="text" name="texto-enlace-Cpasos" size="60" value="<?php echo $texto_enlace; ?>"/><br>
    <small>Texto que contendrá el enlace inferior de la caja.</small><br>

    <label>Link:</label><br>
    <input type="text" name="link-Cpasos" size="60" value="<?php echo $link; ?>"/><br/><br/>


    <?php
}

// Estos son los inserts de los campos
function guardar_caja_pasos() {
    global $post;
//    update_post_meta($post->ID, "titulo-Cpasos", $_POST["titulo-Cpasos"]);
//
//    update_post_meta($post->ID, "texto-paso1-Cpasos", $_POST["texto-paso1-Cpasos"]);
//    update_post_meta($post->ID, "texto-enlace-paso1-Cpasos", $_POST["texto-enlace-paso1-Cpasos"]);
//    update_post_meta($post->ID, "link-paso1-Cpasos", $_POST["link-paso1-Cpasos"]);
//
//    update_post_meta($post->ID, "texto-paso2-Cpasos", $_POST["texto-paso2-Cpasos"]);
//    update_post_meta($post->ID, "texto-enlace-paso2-Cpasos", $_POST["texto-enlace-paso2-Cpasos"]);
//    update_post_meta($post->ID, "link-paso2-Cpasos", $_POST["link-paso2-Cpasos"]);
//
//    update_post_meta($post->ID, "texto-paso3-Cpasos", $_POST["texto-paso3-Cpasos"]);
//    update_post_meta($post->ID, "texto-enlace-paso3-Cpasos", $_POST["texto-enlace-paso3-Cpasos"]);
//    update_post_meta($post->ID, "link-paso3-Cpasos", $_POST["link-paso3-Cpasos"]);
//
//    update_post_meta($post->ID, "texto-paso4-Cpasos", $_POST["texto-paso4-Cpasos"]);
//    update_post_meta($post->ID, "texto-enlace-paso4-Cpasos", $_POST["texto-enlace-paso4-Cpasos"]);
//    update_post_meta($post->ID, "link-paso4-Cpasos", $_POST["link-paso4-Cpasos"]);
//
//    update_post_meta($post->ID, "texto-paso5-Cpasos", $_POST["texto-paso5-Cpasos"]);
//    update_post_meta($post->ID, "texto-enlace-paso5-Cpasos", $_POST["texto-enlace-paso5-Cpasos"]);
//    update_post_meta($post->ID, "link-paso5-Cpasos", $_POST["link-paso5-Cpasos"]);
//
//    update_post_meta($post->ID, "texto-enlace-Cpasos", $_POST["texto-enlace-Cpasos"]);
//    update_post_meta($post->ID, "link-Cpasos", $_POST["link-Cpasos"]);

    $custom = get_post_custom($post->ID);

    $datos = array(
        array('nombre' => "titulo-Cpasos", 'old' => $custom["titulo-Cpasos"][0], 'new' => $_POST["titulo-Cpasos"]),
        //****//
        array('nombre' => "texto-paso1-Cpasos", 'old' => $custom["texto-paso1-Cpasos"][0], 'new' => $_POST["texto-paso1-Cpasos"]),
        array('nombre' => "texto-enlace-paso1-Cpasos", 'old' => $custom["texto-enlace-paso1-Cpasos"][0], 'new' => $_POST["texto-enlace-paso1-Cpasos"]),
        array('nombre' => "link-paso1-Cpasos", 'old' => $custom["link-paso1-Cpasos"][0], 'new' => $_POST["link-paso1-Cpasos"]),
        //****//
        array('nombre' => "texto-paso2-Cpasos", 'old' => $custom["texto-paso2-Cpasos"][0], 'new' => $_POST["texto-paso2-Cpasos"]),
        array('nombre' => "texto-enlace-paso2-Cpasos", 'old' => $custom["texto-enlace-paso2-Cpasos"][0], 'new' => $_POST["texto-enlace-paso2-Cpasos"]),
        array('nombre' => "link-paso2-Cpasos", 'old' => $custom["link-paso2-Cpasos"][0], 'new' => $_POST["link-paso2-Cpasos"]),
        //****//
        array('nombre' => "texto-paso3-Cpasos", 'old' => $custom["texto-paso3-Cpasos"][0], 'new' => $_POST["texto-paso3-Cpasos"]),
        array('nombre' => "texto-enlace-paso3-Cpasos", 'old' => $custom["texto-enlace-paso3-Cpasos"][0], 'new' => $_POST["texto-enlace-paso3-Cpasos"]),
        array('nombre' => "link-paso3-Cpasos", 'old' => $custom["link-paso3-Cpasos"][0], 'new' => $_POST["link-paso3-Cpasos"]),
        //****//
        array('nombre' => "texto-paso4-Cpasos", 'old' => $custom["texto-paso4-Cpasos"][0], 'new' => $_POST["texto-paso4-Cpasos"]),
        array('nombre' => "texto-enlace-paso4-Cpasos", 'old' => $custom["texto-enlace-paso4-Cpasos"][0], 'new' => $_POST["texto-enlace-paso4-Cpasos"]),
        array('nombre' => "link-paso4-Cpasos", 'old' => $custom["link-paso4-Cpasos"][0], 'new' => $_POST["link-paso4-Cpasos"]),
        //****//
        array('nombre' => "texto-paso5-Cpasos", 'old' => $custom["texto-paso5-Cpasos"][0], 'new' => $_POST["texto-paso5-Cpasos"]),
        array('nombre' => "texto-enlace-paso5-Cpasos", 'old' => $custom["texto-enlace-paso5-Cpasos"][0], 'new' => $_POST["texto-enlace-paso5-Cpasos"]),
        array('nombre' => "link-paso5-Cpasos", 'old' => $custom["link-paso5-Cpasos"][0], 'new' => $_POST["link-paso5-Cpasos"]),
        //****//
        array('nombre' => "texto-enlace-Cpasos", 'old' => $custom["texto-enlace-Cpasos"][0], 'new' => $_POST["texto-enlace-Cpasos"]),
        array('nombre' => "link-Cpasos", 'old' => $custom["link-Cpasos"][0], 'new' => $_POST["link-Cpasos"])
    );

    foreach ($datos as $dato) {

        if ($dato['new'] && $dato['new'] != $dato['old']) {
            update_post_meta($post->ID, $dato['nombre'], $dato['new']);
        } elseif ('' == $dato['new'] && $dato['old']) {
            delete_post_meta($post->ID, $dato['nombre'], $dato['old']);
        }
    }
}

function mostrar_caja_pasos($id) {
    $custom = get_post_custom($id);
    $titulo = $custom["titulo-Cpasos"][0];
    //Paso 1
    $texto_paso1 = $custom["texto-paso1-Cpasos"][0];
    $texto_enlace_paso1 = $custom["texto-enlace-paso1-Cpasos"][0];
    $link_paso1 = $custom["link-paso1-Cpasos"][0];

    //Paso 2
    $texto_paso2 = $custom["texto-paso2-Cpasos"][0];
    $texto_enlace_paso2 = $custom["texto-enlace-paso2-Cpasos"][0];
    $link_paso2 = $custom["link-paso2-Cpasos"][0];

    //Paso 3
    $texto_paso3 = $custom["texto-paso3-Cpasos"][0];
    $texto_enlace_paso3 = $custom["texto-enlace-paso3-Cpasos"][0];
    $link_paso3 = $custom["link-paso3-Cpasos"][0];

    //Paso 4
    $texto_paso4 = $custom["texto-paso4-Cpasos"][0];
    $texto_enlace_paso4 = $custom["texto-enlace-paso4-Cpasos"][0];
    $link_paso4 = $custom["link-paso4-Cpasos"][0];

    //Paso 5
    $texto_paso5 = $custom["texto-paso5-Cpasos"][0];
    $texto_enlace_paso5 = $custom["texto-enlace-paso5-Cpasos"][0];
    $link_paso5 = $custom["link-paso5-Cpasos"][0];

    //Link caja
    $texto_enlace = $custom["texto-enlace-Cpasos"][0];
    $link = $custom["link-Cpasos"][0];
    ?>

    <div class="box-widget caja-pasos <?php echo $id; ?>">
        <div class="titulo-caja"><a><?php echo $titulo; ?></a><?php edit_post_link(__(''), '<span class="editar-caja">', '</span>', $id); ?></div>
        <hr class="hr1"/>
        <div class="cuerpo-caja">

            <div class="pasos">
                <?php if ($texto_paso1 || $texto_enlace_paso1) { ?>
                    <p><span class="paso">1</span><?php echo $texto_paso1; ?> <a href="<?php echo $link_paso1; ?>" ><?php echo $texto_enlace_paso1; ?></a></p><br/>
                <?php } ?>
                <?php if ($texto_paso2 || $texto_enlace_paso2) { ?>
                    <p><span class="paso">2</span><?php echo $texto_paso2; ?> <a href="<?php echo $link_paso2; ?>" ><?php echo $texto_enlace_paso2; ?></a></p><br/>
                <?php } ?>
                <?php if ($texto_paso3 || $texto_enlace_paso3) { ?>
                    <p><span class="paso">3</span><?php echo $texto_paso3; ?> <a href="<?php echo $link_paso3; ?>" ><?php echo $texto_enlace_paso3; ?></a></p><br/>
                <?php } ?>
                <?php if ($texto_paso4 || $texto_enlace_paso4) { ?>
                    <p><span class="paso">4</span><?php echo $texto_paso4; ?> <a href="<?php echo $link_paso4; ?>" ><?php echo $texto_enlace_paso4; ?></a></p><br/>
                <?php } ?>
                <?php if ($texto_paso5 || $texto_enlace_paso5) { ?>
                    <p><span class="paso">5</span><?php echo $texto_paso5; ?> <a href="<?php echo $link_paso5; ?>" ><?php echo $texto_enlace_paso5; ?></a></p><br/>
                <?php } ?>
            </div>


        </div>
        <hr/>
        <div class="div-link-caja">
            <a class="link-caja" href="<?php echo $link; ?>"><span class="play-icon"></span><?php echo $texto_enlace; ?></a>
        </div>
    </div>
    <?php
}

function mostrar_paso($texto, $texto_enlace, $link) {
    $datos = $texto . $texto_enlace . $link;
    if ($datos == '') {
        echo 'style="display: none;"';
    }
}
?>
